import 'package:flutter/material.dart';
import 'package:local_coffee/components/c_appbar/custom_appbar.dart';
import 'package:local_coffee/components/hex.dart';
import 'package:local_coffee/components/icon.dart';
import 'package:local_coffee/components/rgba.dart';
import 'package:local_coffee/routes/index.dart';

class StoreDetail extends StatefulWidget {
  
  StoreDetail();

  _StoreDetailState createState() => _StoreDetailState();
}

class _StoreDetailState extends State<StoreDetail> {
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: customAppBar(
        title: '门店详情',
        context: context
      ),
      body: Container(
        child: Column(
          children: <Widget>[
            Container(
              padding: EdgeInsets.symmetric(horizontal: 15, vertical: 15),
              color: HEX.hexfff,
              child: Column(
                children: <Widget>[
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: <Widget>[
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: <Widget>[
                          Text(
                            '青年店 (No.1999)',
                            style: TextStyle(
                              color: RGBA.rgba383838,
                              fontSize: 18
                            ),
                          ),
                          Container(
                            decoration: BoxDecoration(
                              border: Border.all(
                                color: RGBA.rgbaff8d1a,
                              ),
                              borderRadius: BorderRadius.circular(4)
                            ),
                            padding: EdgeInsets.symmetric(vertical: 2, horizontal: 4),
                            child: Text(
                              'pickUp',
                              style: TextStyle(
                                color: RGBA.rgbaff8d1a,
                                fontSize: 14,
                                fontStyle: FontStyle.italic
                              ),
                            ),
                          )
                        ],
                      ),
                      Container(
                        margin: EdgeInsets.only(left: 3),
                        child: icon0xe625(
                          color: RGBA.rgba94c4ec,
                          size: 24
                        ),
                      ),
                      Container(
                        margin: EdgeInsets.only(top: 5),
                        child: Row(
                          children: <Widget>[
                            Container(
                              width: 65,
                              child: Text(
                                '营业时间：',
                                style: TextStyle(
                                  color: RGBA.rgba808080, 
                                  fontSize: 12
                                ),
                              ),
                            ),
                            Text(
                              '周一至周五 07:00-20:00',
                              style: TextStyle(
                                color: RGBA.rgba808080, 
                                fontSize: 12
                              ),
                            )
                          ],
                        ),
                      ),
                      Container(
                        child: Row(
                          children: <Widget>[
                            Container(
                              width: 65,
                            ),
                            Text(
                              '周六 08:00-18:00',
                              style: TextStyle(
                                color: RGBA.rgba808080, 
                                fontSize: 12
                              ),
                            )
                          ],
                        ),
                      ),
                      Container(
                        child: Row(
                          children: <Widget>[
                            Container(
                              width: 65,
                            ),
                            Text(
                              '周日 08:00-18:00',
                              style: TextStyle(
                                color: RGBA.rgba808080, 
                                fontSize: 12
                              ),
                            )
                          ],
                        ),
                      ),
                      Container(
                        margin: EdgeInsets.only(top: 2),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.start,
                          children: <Widget>[
                            Container(
                              width: 65,
                              child: Text(
                                '门店地址：',
                                style: TextStyle(
                                  color: RGBA.rgba808080, 
                                  fontSize: 12
                                ),
                              ),
                            ),
                            Expanded(
                              child: Text(
                                '奥术大师大撒大所大萨',
                                style: TextStyle(
                                  color: RGBA.rgba808080, 
                                  fontSize: 12
                                ),
                              ),
                            )
                          ],
                        ),
                      ),
                    ],
                  )
                ],
              ),
            ),
            // 地图
            Container(
              margin: EdgeInsets.only(top: 25),
              padding: EdgeInsets.symmetric(horizontal: 15, vertical: 18),
              color: HEX.hexfff,
              child: Column(
                children: <Widget>[
                  Row(
                    children: <Widget>[
                      Text(
                        '门店地图',
                        style: TextStyle(
                          color: RGBA.rgba383838, 
                          fontSize: 15
                        ),
                      )
                    ],
                  ),
                  Container(
                    margin: EdgeInsets.only(top: 10),
                    child: Image.asset(
                      P.map,
                      height: 120,
                      fit: BoxFit.cover,
                    ),
                  )
                ],
              ),
            )
          ],
        ),
      ),
    );
  }
}
